<nz-card>
  <nz-descriptions
    nzTitle="个人信息"
    nzBordered
    nzSize="middle"
    nzLayout="vertical"
    [nzColumn]="{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }"
  >
    <nz-descriptions-item nzTitle="商户名称" nzSpan="3">{{ detailsData?.merchantName || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="营业执照" nzSpan="2">
      <span class="idcard-wrap">
        <img
          nz-image
          [nzSrc]="detailsData?.businessLicenseImg"
          [nzFallback]="fallback"
          title="营业执照"
        />
      </span>
    </nz-descriptions-item>
    <nz-descriptions-item nzTitle="App/H5/小程序/公众号截图" nzSpan="2">
      <nz-image-group class="img-list-wrap">
        <span
          class="idcard-wrap m-r-8"
          *ngFor="let img of imgListHandle(detailsData?.appImg)"
        >
          <img
            nz-image
            [nzSrc]="img"
            [nzFallback]="fallback"
            title="App/H5/小程序/公众号截图"
          />
        </span>
      </nz-image-group>
    </nz-descriptions-item>
    <nz-descriptions-item nzTitle="法人身份证姓名面照片">
      <span class="idcard-wrap">
        <img
          nz-image
          [nzSrc]="detailsData?.juridicalIdcardImgFront"
          [nzFallback]="fallback"
          title="法人身份证姓名面照片"
        />
      </span>
    </nz-descriptions-item>
    <nz-descriptions-item nzTitle="法人身份证国徽面照片">
      <span class="idcard-wrap">
        <img
          nz-image
          [nzSrc]="detailsData?.juridicalIdcardImgBack"
          [nzFallback]="fallback"
          title="法人身份证国徽面照片"
        />
      </span>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="办公场所照片（尽量拍摄店内/公司内办公照片）">
      <nz-image-group class="img-list-wrap">
        <span
          class="idcard-wrap m-r-8"
          *ngFor="let img of imgListHandle(detailsData?.officeImg)"
        >
          <img
            nz-image
            [nzSrc]="img"
            [nzFallback]="fallback"
            title="办公场所照片"
          />
        </span>
      </nz-image-group>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="开户许可证" nzSpan="2">
      <span class="idcard-wrap">
        <img
          nz-image
          [nzSrc]="detailsData?.openAccountLicenceImg"
          [nzFallback]="fallback"
          title="开户许可证"
        />
      </span>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="门头照片（尽量包含公司logo，以及有人手持营业执照和门头合影）">
      <nz-image-group class="img-list-wrap">
        <span
          class="idcard-wrap m-r-8"
          *ngFor="let img of imgListHandle(detailsData?.storefrontImg)"
        >
          <img
            nz-image
            [nzSrc]="img"
            [nzFallback]="fallback"
            title="门头照片"
          />
        </span>
      </nz-image-group>
    </nz-descriptions-item>
  </nz-descriptions>
</nz-card>